<template>
	<el-container>
		<el-aside width="200px">



			<el-menu style="border-right: none;" text-color="#BFCBD9" background-color="#304156" default-active="0"
				unique-opened active-text-color="#409EFF" router>
				<el-menu-item index="home">
					<i class="el-icon-s-home"></i>
					<span slot="title">网站主页</span>

				</el-menu-item>


				<el-menu-item index="Community">
					<i class="el-icon-s-promotion"></i>
					<span slot="title">小区管理</span>
				</el-menu-item>


				<el-submenu index="2">
					<template slot="title">
						<i class="el-icon-delete-solid"></i>
						<span>帮买取快递废品回收</span>
					</template>
					<el-menu-item-group>
						<el-menu-item index="mendian">门店管理</el-menu-item>
						<el-menu-item index="yizhan">驿站管理</el-menu-item>
						<el-menu-item index="shop">商品管理</el-menu-item>
						<el-menu-item index="2-4">订单管理</el-menu-item>
						<el-menu-item index="2-5">废品回收订单</el-menu-item>


					</el-menu-item-group>

				</el-submenu>

				<el-submenu index="3">
					<template slot="title">
						<i class="el-icon-delete-solid"></i>
						<span>胖虎甄选</span>
					</template>
					<el-menu-item-group>
						<el-menu-item index="zhenxuanshangpinguanli">商品管理</el-menu-item>
						<el-menu-item index="3-2">订单管理</el-menu-item>
						<el-menu-item index="3-3">售后订单</el-menu-item>



					</el-menu-item-group>

				</el-submenu>

				<el-submenu index="4">
					<template slot="title">
						<i class="el-icon-delete-solid"></i>
						<span>胖虎家政</span>
					</template>
					<el-menu-item-group>
						<el-menu-item index="4-1">家政服务</el-menu-item>
						<el-menu-item index="4-2">订单管理</el-menu-item>
						<el-menu-item index="4-3">售后订单</el-menu-item>



					</el-menu-item-group>

				</el-submenu>
				<el-menu-item index="5">
					<i class="el-icon-s-promotion"></i>
					<span slot="title">用户管理</span>
				</el-menu-item>
				<el-menu-item index="6">
					<i class="el-icon-s-promotion"></i>
					<span slot="title">骑手管理</span>
				</el-menu-item>
				<el-menu-item index="7">
					<i class="el-icon-s-promotion"></i>
					<span slot="title">家政管理</span>
				</el-menu-item>
				<el-menu-item index="8">
					<i class="el-icon-s-promotion"></i>
					<span slot="title">新用户红包</span>
				</el-menu-item>
				<el-menu-item index="9">
					<i class="el-icon-s-promotion"></i>
					<span slot="title">类目管理</span>
				</el-menu-item>

			</el-menu>



















		</el-aside>
		<el-container>
			<!-- 头头 -->
			<el-header>
				<div class="header-left">
					<i class="el-icon-s-fold icon"></i>
				</div>
				<div class="header-right">
					<el-dropdown @command="handleCommand" trigger="click">
						<span class="el-dropdown-link">
							<img src="../assets/logo.png" alt=""> 你好, 胖虎
						</span>
						<el-dropdown-menu slot="dropdown">
							<el-dropdown-item command="a">个人中心</el-dropdown-item>
							<el-dropdown-item command="b">修改密码</el-dropdown-item>
							<el-dropdown-item command="c">系统设置</el-dropdown-item>
							<el-dropdown-item command="d" >退出登录</el-dropdown-item>
							
						</el-dropdown-menu>
					</el-dropdown>
				</div>
			</el-header>
			<!-- 身体 -->
			<el-main> <router-view></router-view></el-main>
		</el-container>
	</el-container>

</template>

<script>
	export default {
		methods: {
			fanhui() {
				sessionStorage.removeItem('userInfo')
				this.$router.push('/login')
			},
			handleCommand(command) {
				this.$message('click on item ' + command);
			},




		}


	}
</script>

<style>
	.header-right img {
	height: 50px;
	vertical-align: middle;
	}
	.el-dropdown-link {
	cursor: pointer;
	}
	.header-right {
		float: right;
	}

	.header-left {
		float: left;
	}

	.el-dropdown-link {
		cursor: pointer;
		color: #409EFF;
	}

	.el-icon-arrow-down {
		font-size: 12px;
	}

	.el-container {
		height: 100vh;
	}

	.el-aside {
		width: 210px !important;
		background-color: #304156;
		height: 100%;
	}

	.el-header {
		height: 60px;
		box-shadow: 0 1px 4px rgba(0, 21, 41, .08);

	}

	.el-main {}
</style>